<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<!--<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<body class="bg-idx">
			<div class="header">
				<!--<a class="icon iconfont icon-fangdajing"></a>-->
				<h3>六芝园</h3>
				<a class="icon iconfont icon-fangdajing"></a>
			</div>
			<div class="content">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide">
				        	<a href=""><img src="img/index/banner.png"/></a>
				        </div>
				        <div class="swiper-slide">
				        	<a href=""><img src="img/index/banner2.png"/></a>
				        </div>
				        <div class="swiper-slide">
				        	<a href=""><img src="img/index/banner3.png"/></a>
				        </div>
				        
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				 
				</div>
				<div class="idx-menu">
					<a href="list.html?&classID=3">
						<img src="img/index/shouji.png"/>
						<h5>手机</h5>
					</a>
					<a href="list.html?&classID=4">
						<img src="img/index/diannao.png"/>
							<h5>电脑</h5>
					</a>
					<a href="list.html?&classID=9">
						<img src="img/index/nvzhuang.png"/>
							<h5>内衣</h5>
					</a>
					<a href="list.html?&classID=10">
						<img src="img/index/nanzhuang.png"/>
						<h5>男装</h5>
					</a>
				</div>
				<div class="app">
					<div class="app-title">
							<a href="">手机</a>
					</div>
					<div class="app-content">
						<ul>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
						</ul>
						
					</div>
					<div class="app-title">
							<a href="">手机</a>
					</div>
					<div class="app-content">
						<ul>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
						</ul>
						
					</div>
					<div class="app-title">
							<a href="">手机</a>
					</div>
					<div class="app-content">
						<ul>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
							<li><img src="img/index/homepage7_03.png"/></li>
						</ul>
						
					</div>
				</div>
				
			</div>
			<div class="footer">
				<a href="index.html" class="active">
					<i class="icon icon-zhuye iconfont"></i>
					<span>首页</span>
				</a>
				<a href="category.html">
					<i class="icon icon-fenlei iconfont"></i>
					<span>分类</span>
				</a>
				<a href="shopcar.html" >
					<i class="icon icon-gouwuche iconfont"></i>
					<span>购物车</span>
				</a>
				<a href="user.html">
					<i class="icon icon-yonghu iconfont"></i>
					<span>我的</span>
				</a>
			</div>
		
		
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		   
		    loop: true,
		    
		    // 如果需要分页器
		    pagination: '.swiper-pagination',
		  })        
		  </script>
		</body>
		
</html>
